
#box{
	position: fixed;
	margin: auto;
	transform-style: preserve-3d;
	transform: rotateX(0deg) rotateY(0deg);
	animation: go 45s linear infinite;
	}
#box img{
	width: 500px;
	height: 520px;
	}
#box img:nth-child(1){
	transform: rotateY(0deg);
	translateZ(650px);
	}
#box img:nth-child(2){
	transform: rotateY(36deg);
	translateZ(650px);
	}
#box img:nth-child(3){
	transform: rotateY(72deg);
	translateZ(650px);
	}
#box img:nth-child(4){
	transform: rotateY(108deg);
	translateZ(650px);
	}
#box img:nth-child(5){
	transform: rotateY(144deg);
	translateZ(650px);
	}
#box img:nth-child(6){
	transform: rotateY(180deg);
	translateZ(650px);
	}
#box img:nth-child(7){
	transform: rotateY(216deg);
	translateZ(650px);
	}
#box img:nth-child(8){
	transform: rotateY(252deg);
	translateZ(650px);
	}
#box img:nth-child(9){
	transform: rotateY(288deg);
	translateZ(650px);
	}
#box img:nth-child(10){
	transform: rotateY(324deg);
	translateZ(650px);
	}
@keyframes go {
	0%{transform: rotateX(0deg) rotateY(0deg);}
	25%{transform: rotateX(20deg) rotateY(180deg);}
	50%{transform: rotateX(0deg) rotateY(360deg);}
	75%{transform: rotateX(-20deg) rotateY(540deg);}
	100%{transform: rotateX(0deg) rotateY(720deg);}
	}